tags: 釣魚術 ListView Figma SwiftUI

雜談

我在淡水河畔的師傅總是耳提面命著那麼一句話⋯⋯

『一魟，二虎，三沙毛，四斑午，五象耳，六倒吊』
如果你釣起了丁丁，要小心不要被他的背鰭、腹鰭刺到，會很痛！

• 指的便是那些老毒物 ...
• 從事海釣活動，首先要先來認識釣魚潛在的風險 —— 認得有毒的魚
• 魟魚？ 知名的 Discovery 主持人 鱷魚先生 Stephen Robert 也是栽在短尾魟。
  

來源：梗圖倉庫

• 沙毛指的便是鰻、鯰；中華一番小當家用鯰魚做麵非麵得到了廣州特級廚師的殊榮。
• 而真正的鯰魚，腥味超重、不是很好吃。淡水河裡面，現在最容易釣到的魚，便是俗稱成丁魚、賓士魚的斑海鯰。
  

線上魚類資料庫

• 首推 中研院生物多樣性研究中心 台灣魚類資料庫
• 也推薦 行政院農委會漁業署的 縱橫魚蝦貝類網

目標

• 製作一個 ListView
  • 有圖片
  • 有魚的名字
  • 下標俗名

製作原型

• 製作原型的好處？
  • 如同蓋房子之前，會先做個毛胚屋，讓購屋者參觀後，確定是他們想要的，才會開始蓋。 製作 App 也是很花金錢時間和腦汁，所以應該先畫出來看看，再來決定怎麼施工。
• 我先用 Figma 看看好不好用
  • Figma
    
  • 操作概念
    • 畫些方塊、拖拉式的操作
    • 寫些文字、調整文字大小
    • 放個圖片、調整圖片大小
  • 圖片來源請見下出處註解

修改圖片大小

• 參考了 Figma 手冊
• 連結：https://www.figma.com/best-practices/working-with-images-in-figma/manipulating-images/
• 由於我想把圖片都做成正方形
  • 插入圖片後，點兩下圖片，選擇 Crop
    
• 針對不含魚的畫面，填充空白
  

圖片及出處

• 關於打版所使用的圖片，是取自於中研院台灣魚類資料庫，並且是 CC 授權，標記出處及作者名字。
  • 赤魟 - 李柏鋒
  • 黃魟 - 陳靜怡
• 之後如果我要上架這個 App 的話，則需要另外取得其他圖片或是授權。這點很重要，不然你看看新竹阿堅...

結論

目前開發手機 App 處於前期學習階段，能擠出來的內容還不是很多，大量文件閱讀中。